<template>
  <div class="lp-image">
    <el-image
      :src="src"
      :alt="alt"
      :style="{ width, height }"
      fit="cover"
    />
  </div>
</template>

<script setup lang="ts">
defineProps({
  src: { type: String, default: '' },
  alt: { type: String, default: '' },
  width: { type: String, default: '100%' },
  height: { type: String, default: 'auto' }
})
</script>

<style scoped>
.lp-image {
  text-align: center;
}
</style> 